<template>
	<view class="Body">
		<div class="Main Site" style="overflow: visible;"><!---->
			<div class="PageBox">
				<div class="ScrollBox">
					<div class="header_bg">
						<div style="color: fff; font-size: 16px; padding: 5px;"><span
								style="padding: 10px; font-weight: bold;">{{common.user.default[0]}}</span></div>
						<view @click="dumprun('/pages/setting/info')" class="newuser" style="margin-top: 80rpx;">
							<img class="newuserHead" :src="userinfo.avatar" mode=""></img>
							<view class="userinfo">
								<text>{{userinfo.username}}</text>
								V{{userinfo.level}}
							</view>
							<u-icon name="arrow-right" color="#fff" size="32rpx"></u-icon>
						</view>
						<!-- <div style="margin-top: 5px;margin-bottom: 15px;">
							<div class="Mine_box" style="padding-top: 10px;padding-bottom: 10px;margin: 0 10px;">

								<div class="MyHeader">
									<img :src="userinfo.avatar" class="head">
								</div>

								<div style="margin-top: 0px; margin-left: 10px; display: flex; flex: 1; align-items: center;"
									@click="dumprun('/pages/setting/info')">
									<div class="userName" style="flex: 1;">
										<div style="font-size: 18px;">{{userinfo.username}}</div>
										<div style="margin-top: 15rpx;">
											<text
												style="color: #e7712d; font-size: 28rpx; margin-right: 20rpx;">V{{userinfo.level}}</text>

										
										</div>

										<div style="font-size: 15px; color: rgb(152, 160, 171); display: none;">
											{{common.user.default[2]}}:<span
												style="color: #000;">{{userinfo.code}}</span><i
												class="copy-qb van-icon"
												style="margin-left: 10px; font-size: 18px;"><img
													src="../../static/image/news/copy.png"
													class="van-icon__image"></i>
										</div>
									</div>

									<div style="margin: 5px auto 0px; text-align: center;">
										<u-icon name="arrow-right" color="#222" size="32rpx"></u-icon>
									</div>
								</div>
							</div>
						</div> -->
						
						<view class="total-list">
							<view class="total-item">
								<view class="total-item-top">
									<view class="total-money">
										{{userinfo.shouyi }}
									</view>
									<view class="total-text">
										{{common.user.default[8]}}(EUR)
									</view>
								</view>
								<view class="total-btn-list">
									<view class="total-btn">
										<view class="total1">
											{{userinfo.money}}
										</view>
										<view class="total2">
											{{common.sell.label[0]}}
										</view>
										<view class="total3" @click="dumprun('/pages/setting/mixrecharge')">
											{{common.wallet.default[1]}}
										</view>
									</view>
									<view class="total-btn">
										<view class="total1">
											{{userinfo.balance_revered}}
										</view>
										<view class="total2">
											{{common.user.default[4]}}(EUR)
										</view>
										<view class="total3"  @click="dumprun('/pages/setting/withdraw')">
											{{common.wallet.default[2]}}
										</view>
									</view>
									<view class="total-btn">
										<view class="total1">
											{{userinfo.interest_wallet }}
										</view>
										<view class="total2">
											{{common.user.default[7]}}(EUR)
										</view>
										<view class="total3" @click="dumprun('/pages/setting/interest')">
											{{common.user.default[11]}}
										</view>
									</view>
								</view>
							</view>
							
						</view>

						
						<view class="user-go">
							<view class="go-list">
								<view class="go-item" @click="dumprun('/pages/setting/wallet')">
									<image style="width: 44rpx;" src="../../static/image/my/wdzc.png" mode=""></image>
									<text>{{common.user.menu[0]}}</text>
								</view>
								<view class="go-item" @click="dumprun('/pages/setting/fundRecord')">
									<image src="../../static/image/my/jcrz.png" mode=""></image>
									<text>{{common.home.menu[0]}}</text>
								</view>
								<view class="go-item" @click="dumprun('/pages/setting/bindinfo')">
									<image src="../../static/image/my/zhbd.png" mode=""></image>
									<text>{{common.user.menu[2]}}</text>
								</view>
								<view @click="dumprun('/pages/setting/interest')" class="go-item" style="margin-right: 0;">
									<image src="../../static/image/my/lxqb.png" mode=""></image>
									<text>{{common.user.default[7]}}</text>
								</view>
							</view>
							<view class="go-list" style="margin-top: 46rpx;">
								<view class="go-item" @tap="dumprun('/pages/setting/exchange')">
									<image src="../../static/image/my/sd.png" mode=""></image>
									<text>{{common.table[9]}}</text>
								</view>
								<view class="go-item" @click="dumprun('/pages/index/proof-of-reserves')">
									<image src="../../static/image/my/zbj.png" mode=""></image>
									<text>{{common.news[7]}}</text>
								</view>
								<view class="go-item" @click="showToast">
									<image src="../../static/image/my/fwtk.png" mode=""></image>
									<text>{{common.table[10]}}</text>
								</view>
								<view class="go-item" style="margin-right: 0;" @click="showToast">
									<image src="../../static/image/my/yszc.png" mode=""></image>
									<text>{{common.table[11]}}</text>
								</view>
							</view>
							<view class="go-list" style="justify-content: flex-start;margin-top: 50rpx;">
								<view class="go-item" @click="showToast">
									<image src="../../static/image/my/bzzx.png" mode=""></image>
									<text>{{common.table[12]}}</text>
								</view>
								<view class="go-item" @click="dumprun('/pages/index/serviceCenter')">
									<image src="../../static/image/my/lxkf.png" mode=""></image>
									<text>{{common.home.menu[3]}}</text>
								</view>
								
								
							</view>
							
						</view>
						
						<view class="bottom-new">
							<!-- <image @tap="dumprun('/pages/setting/exchange')" src="../../static/image/my/yjhb.png" mode=""></image>
							<image @tap="dumprun('/pages/setting/share')" style="margin-top: 20rpx;" src="../../static/image/my/yqhy.png" mode=""></image> -->
							<view class="button-new" @click="loginout">
								{{common.table[13]}}
							</view>
						</view>

						<!-- <view class="tool02 use_list">
							<view class="use_item" @click="dumprun('/pages/setting/wallet')">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.user.menu[0]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon" />
							</view>

							

							<view class="use_item" @click="dumprun('/pages/setting/bindinfo')">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.common4[0]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon" />
							</view>

							<view class="use_item" @click="dumprun('/pages/setting/bindAccount')">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.user.menu[2]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon" />
							</view>

							<view class="use_item" @click="dumprun('/pages/setting/fundRecord')">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.user.menu[3]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon" />
							</view>

							<view class="use_item" @tap="showInterest=true">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.user.default[7]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon" />
							</view>

							<view class="use_item" @tap="dumprun('/pages/setting/language')">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.userInfo.default[17]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</view>

							<view class="use_item" @click="loginout">
								<img src="../../static/image/news/fund.png" class="van-icon__image">
								<text>{{common.user.default[3]}}</text>
								<i class="van-icon van-icon-arrow van-cell__right-icon" />
							</view>
						</view> -->


						<!-- <div class="tool02" v-if="false">
							<div role="button" tabindex="0" @click="dumprun('/pages/setting/wallet')"
								class="van-cell van-cell--clickable van-cell--center van-cell--large"><i
									class="van-icon van-cell__left-icon"><img style="width: 100%;height: 100%"
										src="../../static/image/news/fund.png" class="van-icon__image"></i>
								<div class="van-cell__title"><span>{{common.user.menu[0]}}</span>
								</div><i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</div>
							<div role="button" tabindex="0" @click="dumprun('/pages/setting/teamReport')"
								class="van-cell van-cell--clickable van-cell--center van-cell--large"><i
									class="van-icon van-cell__left-icon"><img style="width: 100%;height: 100%"
										src="../../static/image/news/team.png" class="van-icon__image"></i>
								<div class="van-cell__title"><span>{{common.user.menu[1]}}</span>
								</div><i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</div>
							<div role="button" tabindex="0" @click="dumprun('/pages/setting/bindAccount')"
								class="van-cell van-cell--clickable van-cell--center van-cell--large"><i
									class="van-icon van-cell__left-icon"><img style="width: 100%;height: 100%"
										src="../../static/image/news/bind.png" class="van-icon__image"></i>
								<div class="van-cell__title"><span>{{common.user.menu[2]}}</span>
								</div><i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</div>



							<div role="button" tabindex="0" @click="dumprun('/pages/setting/fundRecord')"
								class="van-cell van-cell--clickable van-cell--center van-cell--large"><i
									class="van-icon van-cell__left-icon"><img style="width: 100%;height: 100%"
										src="../../static/image/news/account.png" class="van-icon__image"></i>
								<div class="van-cell__title"><span>{{common.user.menu[3]}}</span>
								</div><i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</div>



							<div role="button" tabindex="0" @tap="showInterest=true"
								class="van-cell van-cell--clickable van-cell--center van-cell--large"><i
									class="van-icon van-cell__left-icon"><img style="width: 100%;height: 100%"
										src="../../static/image/news/qianbao.png" class="van-icon__image"></i>
								<div class="van-cell__title"><span>{{common.user.default[7]}}</span>
								</div><i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</div>



							<div role="button" tabindex="0" @click="loginout"
								class="van-cell van-cell--clickable van-cell--center van-cell--large"><i
									class="van-icon van-cell__left-icon"><img style="width: 100%;height: 100%"
										src="../../static/image/news/exit.png" class="van-icon__image"></i>
								<div class="van-cell__title"><span>{{common.user.default[3]}}</span>
								</div><i class="van-icon van-icon-arrow van-cell__right-icon"></i>
							</div>
						</div> -->

						<!-- <div style="height: 10px;">


						</div> -->

						<!-- <uni-view data-v-4930c250=""
							style="border-top: 0px solid #fff; display: flex; align-items: center;"><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 1 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 1 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 1 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 2 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 1 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 2 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 1 1 0%;"></uni-view><uni-view
								data-v-4930c250=""
								style="background-color: #fff; height: 6px; flex: 1 1 0%;"></uni-view></uni-view>
						<uni-view data-v-4930c250="" style="padding: 10px;"><uni-view
								data-v-4930c250="" style="margin-bottom: 10px;"><uni-image data-v-4930c250=""
									style="width: 100px; height: 30px;">
									<div
										style="background-image: url('/static/image/logo.png'); background-size: 100% 100%; background-repeat: no-repeat;">
									</div><uni-resize-sensor>
										<div>
											<div></div>
										</div>
										<div>
											<div></div>
										</div>
									</uni-resize-sensor><img src="/static/image/logo.png" draggable="false">
								</uni-image></uni-view><uni-view data-v-4930c250=""
								style="font-size: 12px; color: #000; margin-bottom: 10px;"><uni-view
									data-v-4930c250="" style="margin-bottom: 6px;"><uni-view data-v-4930c250=""
										style="line-height: 20px;">{{common.news[25]}}</uni-view></uni-view><uni-view
									data-v-4930c250="" style="margin-bottom: 6px;"><uni-view data-v-4930c250=""
										style="line-height: 20px;">{{common.news[26]}}</uni-view></uni-view><uni-view
									data-v-4930c250=""><uni-view data-v-4930c250=""
										style="line-height: 20px;">VIP{{common.news[27]}}</uni-view><uni-view data-v-4930c250=""
										style="line-height: 20px;">{{email}}</uni-view></uni-view></uni-view><uni-view
								data-v-4930c250=""
								style="font-size: 12px; color: #000; border-top: 1px solid rgb(77, 77, 77); padding-top: 10px;"><uni-view
									data-v-4930c250="" style="text-align: center;">Copyright @2024 {{title}} All Right
									Reserved</uni-view><uni-view data-v-4930c250=""
									style="margin-top: 10px; display: flex; align-items: center; justify-content: center;"><uni-view
										data-v-4930c250=""  @tap="dumprun('/pages/setting/privacy')">{{common.news[28]}}</uni-view><uni-view data-v-4930c250=""
										style="width: 2px; height: 2px; border-radius: 2px; background-color: #000; margin-left: 10px; margin-right: 10px;"></uni-view><uni-view
										data-v-4930c250="" @tap="dumprun('/pages/setting/term')">{{common.news[29]}}</uni-view><uni-view data-v-4930c250=""
										style="width: 2px; height: 2px; border-radius: 2px; background-color: #000; margin-left: 10px; margin-right: 10px;"></uni-view><uni-view
										data-v-4930c250="" @tap="dumprun('/pages/setting/risk')">{{common.news[30]}}</uni-view></uni-view></uni-view></uni-view> -->

					</div>
				</div>

			</div>
		</div>


		<view class="interest_popup" @tap="showInterest=false;  finaData.moneys = '';" v-if="showInterest">
			<view class="pop_content" @tap.stop>
				<view class="int_tit">{{common.user.default[7]}}</view>

				<view class="int_list">
					<view :class="['int_item', item.id == finaData.fid && 'int_curr_item']"
						v-for="(item,index) in finaList" :key="item.id" @tap="finaData.fid = item.id">
						{{item.day}}{{common.hall3[0]}} {{item.fenbi*100}}%{{common.user.default[18]}}
					</view>
				</view>

				<view class="int_input" style="margin-top:25px;">
					<input type="text" autocomplete="off" v-model="finaData.moneys"
						:placeholder="common.user.default[12]" class="van-field__control">
				</view>

				<view class="int_btn" style="margin-top:0px;">
					<view @tap=" finaData.moneys = ''; showInterest=false;">{{common.user.default[13]}}</view>
					<view @tap="setfinaBtn">{{common.user.default[14]}}</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				isshow: false,
				userinfo: [],
				bili: '',
				isreal: 0,
				showInterest: false,

				user_string: '',

				finaList: [],
				finaData: {
					moneys: '',
					fid: ''
				},
				title:'',
				email:''
			};
		},
		onLoad(options) {
			const {
				id
			} = options
			this.id = id

			this.getfina()
			uni.setNavigationBarTitle({
				title: 'ACE'
			})
		},
		onShow() {
			this.getuserinfo()
			this.$u.api.index.shoujia().then(res => {
				this.bili = res.data.shoujia
			})
			const token = uni.getStorageSync('token')
			this.$u.api.index.is_verified(token).then(res => {
				if (res.data.status == 1) {
					this.isreal = 1
				} else {
					this.isreal = 0
				}
				
				this.title = res.data.title;
				this.email = res.data.email;
			})
			this.$utils.setTabbar(this)
		},
		methods: {
			showToast(){
				uni.showToast({
					title:this.common.table[14],
					icon:"none"
				})
			},
			getuserinfo() {
				const token = uni.getStorageSync('token')
				this.$u.api.index.getUserinfo(token).then(res => {
					this.userinfo = res.data
				})
			},
			loginout() {
				this.showLanguage = false
				uni.setStorageSync('token', '')
				this.$utils.showToast('succès')
				setTimeout(() => {
					uni.redirectTo({
						url: "/pages/common/login"
					})
				}, 1200)
			},
			back() {
				const pages = getCurrentPages();
				if (pages.length === 2) {
					uni.navigateBack({
						delta: 1
					});
				} else if (pages.length === 1) {
					uni.switchTab({
						url: '/pages/index/index',
					})
				} else {
					uni.navigateBack({
						delta: 1
					});
				}
			},

			dumprun(url) {
				uni.navigateTo({
					url
				})
			},

			getfina() {
				const token = uni.getStorageSync('token')
				this.$u.api.setting.getfina(token).then(res => {
					this.finaList = res.data
					this.finaData.fid = res.data[0].id
				})
			},

			setfinaBtn() {
				if (!this.finaData.fid || !this.finaData.moneys) return
				const token = uni.getStorageSync('token')
				this.$u.api.setting.setfina(token, this.finaData).then(res => {
					if (res.code == 1) {
						this.showInterest = false
						uni.showToast({
							title: this.common.user.default[15],
							icon: 'none'
						});
						this.finaData = {
							moneys: '',
							fid: ''
						}
					}
				})

			}
		},
		computed: {
			common() {
				return this.$t("common")
			},
		}
	}
</script>

<style scoped lang="scss">
	.ScrollBox {
		padding: 0 !important;
	}

	.PageBox {
		color: #e7e7e7;
		padding: 0;
		background-color: #2A2D34
	}

	.van-nav-bar {
		background-color: #191c23
	}

	.header_bg {
		width: 100%;
		top: 0;
		z-index: 0;
		height: 300px
	}

	.MyHeader {
		font-size: 16px;
		border-radius: 50%;
		background: pink;
		overflow: hidden;
		width: 120rpx;
		height: 120rpx
	}

	.head {
		margin-top: 0 !important;
	}

	.MyHeader img {
		width: 100%;
	}

	.Mine_box {
		padding: 2px;
		overflow: hidden;
		/* margin-left: 10px; */
		flex-shrink: 0;
		display: flex;
		align-items: center;
	}

	.Menu2item1 {
		background-color: #191c23;
		line-height: 20px;
		margin-left: 10px;
		width: 48%;
		text-align: center;
		padding: 5px;
		padding-bottom: 0
	}

	.MyHeaderStatus {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		padding: 0 7px;
		margin-top: 5px;
		margin-left: 10px;
		font-size: 12px;
		border-radius: 20px;
		background: #f3c13a;
		color: #fff;
		line-height: 25px;
		display: flex;
		text-align: center
	}

	.user_vip {
		width: 44px;
		height: 19px;
		background: url() no-repeat;
		background-size: 100% 100%;
		margin-left: 13px;
		color: #4e51bf;
		font-style: italic;
		text-align: center;
		line-height: 19px;
		padding-right: 5px;
		margin: 5px 0 9px 13px;
		font-weight: 700
	}

	.MyHeaderStatus .MyHeaderStatus_radius {
		width: 8px;
		height: 8px;
		background: #ff93a4;
		border-radius: 50%;
		display: inline-flex;
		margin-right: 2px
	}

	.userName {
		/* width: 260px; */
		width: 230px;
		font-size: 32rpx;
		color: #222;
		font-family: emoji;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}

	.tool00 {
		box-shadow: 0 1px 3px hsla(0, 0%, 85.9%, .8588235294117647);
		padding: 0 20rpx;
		margin-top: 20px;

		.item {
			margin-bottom: 20rpx;
			display: flex;
			align-items: center;
			padding: 10rpx 20rpx;
			background-color: #fff;
			border-radius: 10rpx;

			.van-button {
				padding: 0 20rpx;
				background-color: #fefbee;
				border-color: #03E4DF;
				color: #03E4DF;
			}
		}
	}

	/* 
	.tool00,
	.tool01 {
		border-radius: 10px;
		background-color: #fff;
		overflow: hidden;
		z-index: 99;
		align-items: center;
		margin: 0 10px;
	} */

	.tool01 {
		color: #aaa;
		padding: 0 5px;
		margin-top: 10px;
		padding: 10px
	}

	.tool02 {
		width: 95%;
		border-radius: 10px;
		background-color: #fff;
		overflow: hidden;
		z-index: 99;
		color: #60542e;
		padding: 0 5px;
		align-items: center;
		margin-left: 10px;
		margin-top: 10px;
		padding: 10px;
	}


	.tool02 .van-cell {
		padding: 17px 0;
		color: #60542e;
		background-color: #fff
	}

	.close img {
		width: 36px;
		margin-top: 20px
	}

	.UserInfo .info0 {
		margin-top: -255px;
		z-index: 10;
		background: transparent none repeat scroll 0 0
	}

	.UserInfo .info {
		margin-top: -185px;
		z-index: 10;
		color: #fff;
		z-index: 3;
		background: transparent none repeat scroll 0 0;
		position: relative;
		padding: 10px 16px 6px 20px
	}

	.tool02 .van-cell__title {
		color: #60542e;
		font-size: 26rpx;
	}

	.UserInfo .info .van-cell__title {
		font-size: 12px
	}

	.UserInfo .info .van-cell__label {
		font-size: 14px;
		background: transparent none repeat scroll 0 0
	}

	.UserInfo .info .van-cell__value {
		flex: none;
		line-height: 1.3;
		background: transparent none repeat scroll 0 0
	}

	.UserInfo .info .van-cell__value a {
		text-align: center;
		display: block
	}

	.mygrid {
		padding: 5px 10px
	}

	.PageBox .van-dialog {
		background-color: #191c23;
		color: #aaa
	}

	.PageBox .van-dialog__confirm {
		background-color: #191c23;
		color: #13c465
	}

	.van-dialog .van-cell {
		background: #353c4a;
		color: #fff
	}

	.PageBox .van-dialog__cancel {
		background-color: #191c23;
		color: #ccc
	}

	.mygridvalue {
		color: #fff0cd
	}

	.top3 .van-grid-item__content {
		padding: 8px 8px 12px !important
	}

	.top2 {
		padding: 0 20px
	}

	.top2 .van-cell__title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.top2 .van-cell__title>span {
		font-size: 17px
	}

	.top2 .van-cell__title .van-cell__label {
		padding: 0 0;
		color: #ababab;
		font-size: 12px
	}

	.top3 .van-grid-item {
		width: 30%
	}

	.top3 .van-icon img {
		width: 31px;
		height: 31px
	}

	.top3 .van-grid-item__text {
		font-size: 13px;
		color: #fff;
		font-family: Alibaba;
		font-weight: 400;
		margin-top: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		text-align: center
	}

	.top4 {
		padding: 0 15px
	}

	.top4 .van-cell {
		display: flex;
		justify-content: center;
		padding: 7px 16px
	}

	.top4 .van-cell .van-cell__title {
		flex: inherit;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.top4_box {
		width: 100%;
		display: flex;
		justify-content: center
	}

	.top4_box .van-cell {
		background: #4e51bf;
		border-radius: 10px;
		padding: 0 15px;
		margin: 0 auto;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		margin-bottom: 15px !important;
		margin-top: 15px !important
	}

	.top4_box .van-cell__title span {
		color: #fff !important;
		font-size: 13px !important
	}

	.top4 .van-cell__title span {
		font-size: 13px;
		color: #fff;
		font-family: Alibaba;
		font-weight: 400
	}

	.top4 .van-grid-item {
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 15px
	}

	.top4 .border_none {
		border-bottom: none;
		margin-bottom: 0
	}

	.top4 .padding_0 .van-cell {
		padding: 10px 0
	}

	.Menu {
		margin-top: 5px;
		line-height: 18px;
		font-size: 13px
	}

	.Menu .van-cell {
		padding: 0 0
	}

	.Menu .van-cell,
	.Menu .van-cell__label {
		color: #fff;
		font-size: 18px;
		text-align: center
	}

	.Menu .van-grid-item__content {
		background: transparent none repeat scroll 0 0;
		padding: 16px 0
	}

	.van-cell__right-icon {
		font-size: 32rpx;
		color: #222;
	}


	.van-icon__image {
		width: 80rpx !important;
	}


	.interest_popup {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.5);

		.pop_content {
			padding: 30rpx;
			height: 760rpx;
			width: 600rpx;
			background-color: #fff;
			border-radius: 12rpx;
			color: #222;

			.int_tit {
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				font-weight: 700;
			}

			.int_list {
				height: 400rpx;

				.int_item {
					margin-bottom: 10rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					height: 80rpx;
					border-radius: 12rpx;
					background-color: #f5f5f5;
				}

				.int_curr_item {
					background-color: #03E4DF;
				}
			}

			.int_input {
				.van-field__control {
					padding: 0 20rpx;
					height: 80rpx;
					border-radius: 8rpx;
					font-size: 28rpx;
					background-color: #f5f5f5;
				}
			}

			.int_btn {
				margin-top: 60rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 100rpx;

				&>view {
					display: flex;
					justify-content: center;
					align-items: center;
					color: #222;
					width: 240rpx;
					height: 60rpx;
					border-radius: 12rpx;
				}

				&>view:nth-child(1) {
					color: #999;
					background-color: #f5f5f5;
					border: 1px solid #999;
				}

				&>view:nth-child(2) {
					background-color: #03E4DF;
				}
			}
		}
	}

	.use_list {
		.use_item {
			display: flex;
			align-items: center;
			height: 100rpx;

			.van-icon__image {
				width: 80rpx;
			}

			&>text {
				flex: 1;
			}
		}
	}
	.newuser{
		display: flex;
		align-items: center;
		padding: 0 26rpx;
		.newuserHead{
			width: 104rpx;
			height: 104rpx;
			border-radius: 50%;
		}
		.userinfo{
			margin-left: 22rpx;
			font-family: Inter, Inter;
			font-weight: 400;
			font-size: 24rpx;
			color: #FFFFFF;
			display: flex;
			flex-direction: column;
			flex: 1;
			text{
				font-family: WeChat Sans Std, WeChat Sans Std;
				font-weight: bold;
				font-size: 30rpx;
				color: #FFFFFF;
			}
		}
	}
	
	.total-list{
		margin-top: 44rpx;
		padding: 0 26rpx;
		box-sizing: border-box;
		
		.total-item{
			width: 698rpx;
			// height: 378rpx;
			padding:  24rpx;
			box-sizing: border-box;
			background: linear-gradient( 180deg, #29EDE9 0%, #99FFFD 100%);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			padding-top: 32rpx;
		}
		
		.total-item-top{
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-bottom: 32rpx;
			
			border-bottom: 2rpx solid #4AE0DE;
			.total-money{
				font-family: WeChat Sans Std, WeChat Sans Std;
				font-weight: 500;
				font-size: 44rpx;
				color: #111111;
			}
			.total-text{
				font-family: Inter, Inter;
				font-weight: 400;
				font-size: 22rpx;
				color: #000000;
			}
		}
		
		.total-btn-list{
			display: flex;
			align-items: center;
			margin-top: 32rpx;
			justify-content: space-around;
			.total-btn{
				display: flex;
				flex-direction: column;
				align-items: center;
				flex: 1;
				.total1{
					font-family: WeChat Sans Std, WeChat Sans Std;
					font-weight: 500;
					font-size: 40rpx;
					color: #111111;
					white-space: normal;
					width: 100%;
					text-align: center;
					// white-space: nowrap; /* 不换行 */
					//   overflow: hidden; /* 隐藏超出的内容 */
					//   text-overflow: ellipsis; /* 用省略号表示被隐藏的部分 */
					//   max-width: 200rpx;
					
				}
				.total2{
					font-family: Inter, Inter;
					font-weight: 400;
					font-size: 22rpx;
					color: #000000;
					text-align: center;
				}
				.total3{
					margin-top: 24rpx;
					// width: 112rpx;
					padding: 0 10rpx;
					height: 50rpx;
					background: #BFFFFE;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-family: Inter, Inter;
					font-weight: 400;
					font-size: 24rpx;
					color: #000000;
				}
			}
		}
		
	}
	.user-go{
		width: 750rpx;
		
		background: #1A1A1A;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		padding: 32rpx 50rpx;
		
		.go-list{
			display: flex;
			align-items: center;
			// justify-content: space-between;
			.go-item{
				width: 25%;
				display: flex;
				flex-direction: column;
				align-items: center;
				image{
					width: 58rpx;
					height: 58rpx;
				}
				text{
					margin-top: 20rpx;
					font-family: Inter, Inter;
					font-weight: 400;
					font-size: 22rpx;
					color: #FFFFFF;
					text-align: center;
				}
			}
		}
		
		
	}
	
	.bottom-new{
		padding: 0 24rpx;
		padding-top: 16rpx;
		box-sizing: border-box;
		image{
			width: 700rpx;
			height: 182rpx;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
		}
		.button-new{
			margin-top: 20rpx;
			width: 690rpx;
			height: 88rpx;
			background: #FF4E4E;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			line-height: 88rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			text-align: center;
		}
	}
</style>